<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>Title</title>
  <link rel="stylesheet" href="../libs/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="../stylesheets/common.css">
  <link rel="stylesheet" href="../stylesheets/posts/posts.css">
</head>
<body>

<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
  <a class="navbar-brand" href="#">
	  <img width="30" src="../images/wbb.jpeg" alt="">
  </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item">
        <a class="nav-link" href="../index.html">首页</a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="./posts.html">文章</a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="../about.html">关于我们</a>
      </li>
    </ul>
  </div>
</nav>
<section class="content">
	<aside class="bg-info">
		<a class="nav-link text-light" href="../index.html">首页</a>
		<a class="nav-link text-danger" href="./posts.html">文章</a>
		<a class="nav-link text-light" href="../about.html">关于我们</a>
	</aside>
	<main>
		<div class="d-flex justify-content-between align-items-center">
			<h1>文章列表</h1>
			<a class="btn btn-outline-info" href="./new.html">新建</a>
		</div>
		<table class="my-table table table-striped table-bordered table-hover">
		  <thead class="thead-dark">
		    <tr>
		      <th scope="col">序号</th>
		      <th scope="col">标题</th>
		      <th scope="col">类型</th>
		      <th scope="col">发布者</th>
		      <th scope="col">封面图</th>
		      <th scope="col">浏览次数</th>
		      <th scope="col">操作</th>
		    </tr>
		  </thead>
		  <tbody></tbody>
		</table>
		<nav aria-label="Page navigation example">
		  <ul class="pagination justify-content-center page-box">
		    <li class="page-item disabled">
		      <a class="page-link page-turning">Previous</a>
		    </li>
			<div class="pageBtn" style="display: flex">
			</div>
		    <li class="page-item">
		      <a class="page-link page-turning" href="#">Next</a>
		    </li>
		  </ul>
		</nav>
	</main>
</section>
<div class="modal fade" id="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" style="display: none;" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="modalLabel">危险操作</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				确定要删除此项数据吗？
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-danger" data-id="61">确定删除</button>
			</div>
		</div>
	</div>
</div>
<script src="../js/jquery-3.5.1.js"></script>
<script src="../libs/bootstrap/js/bootstrap.bundle.js"></script>
<script src="../js/posts/Array.js-master/Array.js"></script>
<script src="../js/posts/posts.js"></script>
</body>
</html>
